.panel-address-book {

  > .address-book {
    .panel-heading {
      .panel-default > .panel-heading;
    }
    .address-review {
      margin-top: 20px;
      .alert.alert-warning {
        background: @rui-warning-bg;
        color: @rui-warning-text;
        border-color: @rui-warning;
      }
      input {
        margin: 0px 5px 0px 0px;
      }
      .radio-heading {
        margin-bottom: 20px;
      }
      .entered-address {
        display: inline-block;
        width: 40%;
        padding-left: 10%;
        border-width: 0px 1px 0px 0px;
        border-style: solid;
        border-right-color: grey;
        line-height: 1.6em;
        border-color: #EBEBEB;
        .error {
          padding: 0px 4px 0px 4px;
          display: inline;
          background: @rui-danger-bg;
          color: @rui-danger-text;
          border-color: @rui-danger;
          border: 1px solid;
          border-radius: 3px;
        }
        span {
          font-weight: 600;
        }
      }
      
      .suggested-address {
        display: inline-block;
        padding-left: 10%;
        line-height: 1.6em;
        span {
          font-weight: 600;
        }
      }
      .panel-buttons {
        margin-top: 15px;
        button {
          display: block;
          float: right;
        }
        #reviewAddressEditButton {
          float: right;
          margin: 6px 22px;
          cursor: pointer;
        }
      }
    }
    .row.text-right {
      .btn.btn-default.btn-primary {
        margin-right: 8px;
      }
    }
  }

  .list-group-item {
    cursor: pointer;
    font-size: @font-size-small;
    a {
      text-decoration: none;
      color: @text-color;
    }
    a .active {color: @body-bg;}
  }

  .address-icons {
    opacity:0.6;
  }
  .address-icons:hover {
    opacity:0.9;
    cursor: pointer;
  }

  .address-options {
    .padding-left(10px);
    margin-top: -25px;
    padding-bottom: 15px;
    .form-group {
      height: 15px;
      font-size: @font-size-small;
    }
  }
}


.address-list .address-list-item {
  margin-bottom: 20px;
}

.address-list-header {
  .display(flex);
}

.address-list-heading {
  .flex(1 1 auto);
}

.address-list-heading-blank {
  width: 44px;
}

.address-list-item {
  .display(flex);
}

.address-list-item .address {
  .flex(1 1 auto);

  padding: 20px;
  border: @border-thin;
  border-left: none;
  position: relative;

  &:first-child {
    border-left: @border-thin;
  }

  &:hover {
    color: contrast(@brand-light-highlight, @white, @black);
    background-color: @brand-light-highlight;
    cursor: pointer;
  }

  &.active {
    color: contrast(@brand-light-highlight, @white, @black);
    background-color: @brand-light-highlight;

    &:after {
      content: "\f058";
      font-family: "FontAwesome", "FontAwesomeFallback";
      font-size: 3rem;
      color: @brand-success;
      display: block;
      position: absolute;
      right: 1rem;
      bottom: 1rem;
    }
  }
}

.address-list-item .controls {
  .display(flex);
  .flex-direction(column);
  .flex(0 0 auto);
  width: 44px;

}

.address-list-item .controls > .btn {
  .flex(1 1 auto);
  display: block;
  width: 100%;
  border-left: none;

  border-radius: 0;
  border: @border-thin;
  border-width: 1px 1px 1px 0;
  background-color: @white;

  &:hover {
    background: @black02;
  }

  &:first-child {
    border-radius: 0 @btn-border-radius-base 0 0;
  }

  &:last-child {
    border-radius: 0 0 @btn-border-radius-base 0;
    border-width: 0 1px 1px 0;
  }

  &.danger-action {
    max-height: 44px;
  }
}

.address-validation-warning {
  border: 1px solid;
  background-color: #B0D1F0;
  padding: 20px;
}

.address-validation-warning > h5 {
  font-weight: 700;
}

.address-invalid-line {
  border: 0;
  font-weight: 700;
  background-color: @state-danger-bg;
  cursor: pointer;

  &:hover {
    background-color: @state-success-bg;
  }
}

.address-ignore {
  border: 1px solid @white;
  background-color: @white;
  font-weight: normal;
  color: @brand-success;

  &:hover {
    background-color: @white;
  }
}

// checkmark next to address line
.address-line-copyover {
  font-weight: normal;
  color: @brand-success;
  display: none;
}

.address-validate-header {
  font-weight: 700;
}

.review-action-buttons {
  margin-top: 3rem;
}
